h1.titrePage {
    padding-left: 230px;
}

table#page {
    margin-top: 15px;
    width: 100%;
}

/************************************************/
/*  Styles pour la partie solveur (bt, msg...)  */
/************************************************/

#fsSolveur {
    width: 580px;
    margin: auto;
    padding: 0 10px 0 10px;
}

#fsSolveur.estPlie {
    border: none;
}

#fsSolveur legend {
    cursor: pointer;
    padding-left: 15px;
    background: url(../images/list-minus.gif) no-repeat 3px 40%;
}

#fsSolveur.estPlie legend {
    background-image: url(../images/list-plus.gif) !important;
}

#fsSolveur p.boutons {
    margin-top: 7px;
}

/*******************************************************/
/*  Styles pour formulaire de sélection des grp et ens */
/*******************************************************/

table#page td.formSelEntites {
    width: 20%;
    min-width: 200px;
    vertical-align: top;
}

table#page td.formSelEntites .divFormSel {
    overflow: auto;
    max-height: 450px;
}

table#page td.formSelEntites .divFormSel h4 {
    margin: 10px 0;
}

table#page td.formSelEntites .divFormSel input#chpRecherche {
    width: 160px;
    margin-bottom: 5px;
}

table#page td.formSelEntites .divFormSel #btRech {
    cursor: pointer;
}

table#page td.formSelEntites ul.listeEntites,
table#page td.formSelEntites ul.listeEntites ul {
    margin-top: 0;
    padding-left: 20px;
}

/***********************************/
/*  Mise en page de la partie EDT  */
/***********************************/

table.edt {
    width: 100%;
    height: 400px;
    border-collapse: collapse;
}

table.edt thead th,
table.edt tbody th {
    border: thin solid black;
}

table.edt thead th + th,
table.edt tbody th {
    background-color: #ddd;
}

table.edt th.jour {
    text-transform: capitalize;
}

table.edt th.jour + th.jour {
    width: 19%;
}

table.edt th.jour a {
    display: block;
}

table.edt th.entite {
    font-size: 0.8em;
    font-weight: normal;
}

table.edt th.coinGauche {
    border: 0;
}

table.edt th.horaire {
    vertical-align: text-top;
    font-size: 0.8em;
    width: 30px;
}

table.edt th.horaire.fin {
    background-color: transparent;
}


table.edt tbody tr.ligneCreneaux td {
    border-top: thin solid black;
    border-bottom: thin solid black;
}

table.edt tbody tr.repas td {
    border: thin solid black;
}

table.edt tbody td.case {
    border-left: thin solid silver;
}

table.edt tbody tr.ligneCreneaux td.case.premiere {
    border-left: thin solid black !important;
}

table.edt tbody tr.ligneCreneaux td.case.derniere {
    border-right: thin solid black !important;
}

table.edt tbody tr.ligneCreneaux td.case div.case {
    height: 50px;
    /*overflow: hidden; style commenté pour que le drag'n'drop fonctionne */
}

/* style appliqué à une case de l'EDT lorqu'une
   prestation la survole (grâce au drag'n'drop) */
table.edt tbody tr.ligneCreneaux td.case div.case.hoverActive {
   background-color: #0FFF5D;
}

table.edt tbody td div.case div.prestation {
    text-align: center;
    cursor: move;
}

table.edt tbody td div.case div.prestation .module {
    font-weight: bold;
}

table.edt tbody tr.derniereLigne td,
table.edt tbody tr.derniereLigne th {
    border: none;
}

/**********************************/
/* Styles de la partie "messages" */
/**********************************/

#messages {
    width: 600px;
    margin: auto;
    padding-left: 70px;
}

#messages .messages {
    margin-top: 5px;
    margin-bottom: 10px;
}

/*********************************************************************/
/*  Définition des styles pour la partie des prestations non casées  */
/*********************************************************************/

#prestNonCasees {
    margin-left: 35px;
    min-height: 70px;
    padding: 5px 15px;
}

#prestNonCasees.hoverActive {
    background-color: #FDF3BA;
}

#prestNonCasees > h3 {
    margin-top: 7px;
}

#prestNonCasees .prestation {
    background-color: white;
    border: thin solid black;
    padding: 2px 3px;
    width: 80%;
    max-width: 800px;
    cursor: move;
    margin-top: 5px;
}

#prestNonCasees .prestation .couleur {
    float: left;
    width: 40px;
    height: 18px;
    margin-right: 10px;
    border: thin solid black;
    cursor: n-resize !important;
}
